//=== UqApp builder created on Tue Jan 05 2021 18:41:24 GMT-0500 (GMT-05:00) ===//
//  import { PageWebNav } from 'tonwa-core';
// import { VPage, TabProp, TabCaptionComponent, TabsProps, t } from "tonwa";
import { VPage } from "tonwa"
import { CApp } from './CApp';
 
import { Layout, Menu,Breadcrumb,Card,Table,Dropdown ,Avatar, Button  } from 'antd';
import {
   UserOutlined,
  VideoCameraOutlined,
  UploadOutlined,
  HomeOutlined,
  DownOutlined ,
  SettingFilled,
  SmileOutlined 
} from '@ant-design/icons';
 
 
import { CLogsticCenter } from "ids/LogsticCenter";

const { Header, Sider, Content } = Layout;
// const color = (selected: boolean) => selected === true ? 'text-primary' : 'text-muted';
// function caption(label: string | JSX.Element, icon: string) {
// 	return (selected: boolean) => TabCaptionComponent(label, icon, color(selected));
// }
const menu = (
  <Menu>
    <Menu.Item icon={<HomeOutlined />}>
    
      <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
       修改密码
      </a>
    </Menu.Item>
    <Menu.Item icon={<SettingFilled />}>
      <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
       查询信息
      </a>
    </Menu.Item>
   
    <Menu.Item danger icon={<SmileOutlined />}>系统退出</Menu.Item>
  </Menu>
);
const dataSource = [
  {
    key: '1',
    name: '胡彦斌',
    age: 32,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  },
  {
    key: '2',
    name: '胡彦祖',
    age: 42,
    address: '西湖区湖底公园1号',
    address1: '西湖区湖底公园1号',
    address2: '西湖区湖底公园1号',
    address3: '西湖区湖底公园1号',
    address4: '西湖区湖底公园1号',
  }
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '住址',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: '住址1',
    dataIndex: 'address',
    key: 'address1',
  },
  {
    title: '住址2',
    dataIndex: 'address',
    key: 'address2',
  },
  {
    title: '住址3',
    dataIndex: 'address',
    key: 'address3',
  },
  {
    title: '住址4',
    dataIndex: 'address',
    key: 'address4',
  },
];
// const cmain=(
//   <Layout style={{height:'100%'}}>
//         <Sider trigger={null} collapsible collapsed={false}>
//           <div className="logo" />
//           <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
//             <Menu.Item key="1" icon={<UserOutlined />}>
//              <a onClick={() => this.controller.cHome.startController(CTicketType)} > 物流中心</a>
//             </Menu.Item>
//             <Menu.Item key="2" icon={<VideoCameraOutlined />}>
//              客户管理
//             </Menu.Item>
//             <Menu.Item key="3" icon={<UploadOutlined />}>
//               新闻管理
//             </Menu.Item>
//           </Menu>
//         </Sider>
//         <Layout className="site-layout">
//           <Header className="site-layout-background" style={{ padding: 0 }}>
//             <span className="headspandleft">倢科软件有限公司</span> 
//             <span className="headspandright">
//               <Dropdown overlay={menu}>
//     <a className="ant-dropdown-link" >
      
//     <Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} /><DownOutlined />系统管理员
//     </a>
//   </Dropdown></span> 
//           </Header>
//           <Content
//             className="site-layout-background"
//             style={{
//               margin: '24px 16px',
//               padding: 24,
//               minHeight: 280,
//             }}
//           >
//             <Card title="物流中心管理" > 
//             <Breadcrumb >
//     <Breadcrumb.Item href="">
//       <HomeOutlined />
//     </Breadcrumb.Item>
//     <Breadcrumb.Item href="">
//       <UserOutlined />
//       <span>首页</span>
//     </Breadcrumb.Item>
//     <Breadcrumb.Item>物流中心</Breadcrumb.Item>
//   </Breadcrumb>
 
//   <Table dataSource={dataSource} columns={columns} className="table-marget" />
//             </Card>
//           </Content>
//         </Layout>
//       </Layout>
//   );
 
export class VMain extends VPage<CApp> {
 
  content() {return (<Layout style={{height:'100%'}}>
  <Sider trigger={null} collapsible collapsed={false}>
    <div className="logo" />
    <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>
      <Menu.Item key="1" icon={<UserOutlined />}>
      {/* <Button onClick={()=>this.controller.startpage(CLogsticCenter)}>显示页面3</Button>  */}
   
        
       {/* <Button  onClick={() => this.controller.showTestPage3}> 物流中心</Button> */}
       
      </Menu.Item>
      <Menu.Item key="2" icon={<VideoCameraOutlined />}>
       客户管理
      </Menu.Item>
      <Menu.Item key="3" icon={<UploadOutlined />}>
        新闻管理
      </Menu.Item>
    </Menu>
  </Sider>
  <Layout className="site-layout">
    <Header className="site-layout-background" style={{ padding: 0 }}>
      <span className="headspandleft">倢科软件有限公司</span> 
      <span className="headspandright">
        <Dropdown overlay={menu}>
<a className="ant-dropdown-link" >

<Avatar style={{ backgroundColor: '#87d068' }} icon={<UserOutlined />} /><DownOutlined />系统管理员
</a>
</Dropdown></span> 
    </Header>
    <Content
      className="site-layout-background"
      style={{
        margin: '24px 16px',
        padding: 24,
        minHeight: 280,
      }}
    >
      <Card title="物流中心管理" > 
      <Breadcrumb >
<Breadcrumb.Item href="">
<HomeOutlined />
</Breadcrumb.Item>
<Breadcrumb.Item href="">
<UserOutlined />
<span>首页</span>
</Breadcrumb.Item>
<Breadcrumb.Item>物流中心</Breadcrumb.Item>
</Breadcrumb>

<Table dataSource={dataSource} columns={columns} className="table-marget" />
      </Card>
    </Content>
  </Layout>
</Layout>);}
}
 